<template>
    <div class="div">
      <div>
        <img class="img" src="../../img/Group.png" alt="" />
      </div>
      <p class="fs40" style="color: #215DD4; margin: 30px 0 15px 0;font-size: 20px">
        Please return to check result
      </p>
      <div
        style="
          width: 50%;
          display: flex;
          align-items: center;
          justify-content: space-between;
        "
      ></div>
    </div>
</template>

<script>

export default {
  name: 'completeName',
  data () {
    return {
    }
  },
  mounted () {
  },
  methods: {
  }
}
</script>

<style scoped>
@media screen and (min-width: 600px) {
  /* pc端 */
  .div {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #fff;
    padding: 8% 0;
    border-radius: 8px;
    box-shadow: 0px 3px 10px 10px #eee;
    margin: 10px 20px;
    margin-left: 35%;
    margin-right: 35%;
  }
  .img {
    width: 1rem;
  }
  .span {
    font-size: 28px;
    color: #215dd4;
  }
}
@media screen and (max-width: 600px) {
  /* 移动端 */
  .div {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #fff;
    padding: 100px 0;
    border-radius: 8px;
    box-shadow: 0px 3px 10px 10px #eee;
    margin: 40px 20px;
    margin-left: 5%;
    margin-right: 5%;
  }
  .img {
    width: 4rem;
  }
  .span {
    font-size: 18px;
    color: #215dd4;
  }
}
</style>
